<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body, div, p, span, form, iframe, table, td, th, input, textarea, button, label, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

body {
    font: 14px/150% "microsoft yahei";
    color: #333;
}
h1,h2,h3,h4,h5,h6 { font-weight: 400 }
i, em {
    font-style: normal;
}

img {
    border: 0;
}

ul {
    margin: 0;
}

ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #f13a3a;
}

input, select, option {
    font-size: 12px;
}

.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.clearfix {
    *zoom: 1;
}
.tc{text-align: center}
.rel{position: relative}
.db {
    display: block;
}

.l {
    float: left;
}

.r {
    float: right;
}
.icon { line-height: 1.5;
    display: inline-block;
    width:20px; height:20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    white-space:nowrap;
    letter-spacing: -1em;
    text-indent: -99em;
    color: transparent;
    /* IE7 */
    *text-indent: 0;
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');
}
.icon:before {
    content: '\3000';
}
.red{ color: #f13a3a}
.bde {
    border: 1px solid #eee;
}
.pb40{padding-bottom: 40px;}


/*棣栭〉*/
.container{width: 1200px; margin: 0 auto}
header{  padding:10px 0 0; height: 100px;}
header .logo{ float:left; margin-top: 10px; }
header .logo img{width: 80%}
header .top-right{ float: right}
.tel{ margin:5px 10px 20px;}
.icon-tel{ background-image: url("../images/tel.png");}
.icon-more{ background-image: url("../images/more.png");}
.tel .red{font-size: 24px}
/*绔栧鑸�*/
.menu_nav{position: relative;left:20px;top:8px;float:right; z-index: 1000}
.menu_nav .nav_li{float: left;position:relative; margin: 0 0 0 10px ;}
.menu_nav .nav_li h3 a{display: block;width:104px;height:45px;text-align: center;line-height: 35px; font-size: 16px;}
.menu_nav .nav_ul{position: absolute;top:45px;left:-5px;padding:10px 0;display: none;z-index: 2;background:#fff;border-top:3px solid #e01222;}
.menu_nav .nav_ul a{display:block;width:104px;text-align: center;padding: 8px;font-size:14px;}
.menu_nav .nav_ul a:hover{background:#e01222;color:#fff; }
.menu_nav .nav_li h3 a:hover{border-bottom:3px solid #e01222}


.banner {
    height: 380px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 100;
}
.flexslider{position:absolute;height:380px;overflow:hidden;width:1920px; left:50%; margin-left:-960px; z-index:100;}
.slides{position:absolute;z-index:1;}
.slides li{height:380px; position:relative;overflow:hidden;}
.slides img{width: 1920px; display: block}
.flex-control-nav{position:absolute;bottom:0;z-index:2;width:1920px; left:0; text-align:center;}
.flex-control-nav li{display:inline-block;margin:0 10px 0 0;*display:inline;zoom:1; overflow:hidden;}
.flex-control-nav a{display:inline-block;width:15px;height:15px;line-height:50px;overflow:hidden;background:url(../images/banner-a.png) no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{display:inline-block;width:15px;height:15px;line-height:40px;overflow:hidden;background:url(../images/banner-hover.png) no-repeat;cursor:pointer;}

.solution{ margin-bottom: 40px;}
.solution .adv-word{ margin:25px 0 30px; text-align: center}
.solution .adv-word img{width: 80%}
.solution .adv-instructions{ position: relative; background-color: rgba(40,80,145,.7); width: 870px; height: 300px; padding: 5px; color: #fff}
.solution .adv-instructions .bk{ border: 1px solid rgba(255,255,255,.5); height: 298px;  padding: 0 15px;}
.solution .adv-instructions h3{text-align: center; font-size: 18px; margin-top: 10px;}
.solution .adv-instructions p{line-height: 1.8; font-size: 13px;}
.know-more{position: absolute; right: 20px; bottom: 20px;}
.more-btn{ background-color: #f13a3a; color: #fff; padding: 5px 20px; border-radius: 3px; font-size: 12px;}
.more-btn:hover{background-color: #d42222; color: #fff;}
.more-btnbig{ display: inline-block;
    font-size: 16px;
    height: 32px;line-height: 32px;
    margin: 20px auto;
    text-align: center;
    width: 150px; }
.solution .man{ padding-top: 61px;}
.solution .man img{ width: 290px}

.divbg{ height:440px;background:url("../images/sy_bj.jpg");}
.divbg li{ overflow:hidden; }
.zixuntop ul{ margin-top: 40px;}
.zixuntop ul li{ width:270px; float:left; text-align:center; margin-right: 30px;  background-color: #fceee9}
.zixuntop a{ display:block;height:30px; line-height:30px;}
.zixuntop .nosel a{ background:#f1f1f1;}
.zixuntop .sel a{ background:#fff;}
.zixun{margin-bottom: 30px;}
.zixuntop h4{ background-color:#ed7d31; font-size: 18px; color: #fff; padding: 10px 0 }
.zixuntop .nr{padding: 15px 20px; font-size: 16px; text-align: left; height: 150px;}
.zixuntop .dot{margin-bottom: 10px;}
.zixuntop .dot:before{
    content: "鈼�";
    color: #ed7d31; margin-right: 10px;
}
.zixuntop ul li:nth-child(2){background-color: #fff4e0}
.zixuntop ul li:nth-child(2) h4{background-color: #f0b349}
.zixuntop ul li:nth-child(2) .dot:before{color: #f0b349;}
.zixuntop ul li:nth-child(3){background-color: #e3faf5}
.zixuntop ul li:nth-child(3) h4{background-color: #48c9af}
.zixuntop ul li:nth-child(3) .dot:before{color: #48c9af;}
.zixuntop ul li:nth-child(4){background-color: #ddefff}
.zixuntop ul li:nth-child(4) h4{background-color: #479be6}
.zixuntop ul li:nth-child(4) .dot:before{color: #479be6;}

.advantage{background:url("../images/sy_13.jpg");height:495px; text-align: center; padding-top: 40px;}
.warp-title{text-align: center}
.warp-title h3 {
    text-align: center; font-weight:normal;
    font-size: 32px; line-height:40px;  display: inline-block; margin: 0 auto;
    color: #333
}
.warp-title h3 span{width: 120px;border-bottom: 5px solid #d42222;  display: block;padding-bottom: 20px; margin: 0 auto}
.warp-title .line {
    display: block;
    background:url("../images/line.png") no-repeat;
    height: 5px;
    width: 1200px
}

.hl-cases{margin-top: 30px;}
.hl-cases ul li{width: 31.3%; float: left; margin: 1%;}
.hl-cases h3{text-align: center; margin-bottom: 10px; font-weight: bold; font-size: 16px; height: 44px}
.hl-cases .nr{padding: 10px;}
.hl-cases p{color: #888;margin-bottom: 10px; height: 40px; overflow: hidden; display: none}
.hl-cases .time{ text-align: right;color: #999; font-size: 12px;}
.hl-cases .icon{background-size: 14px; height: inherit}
.hl-img{width: 100%; display: block}
.hl-cases .hl-img{height: 240px;}
.newscase-r .hl-cases .hl-img{height: 160px}
.hl-cases .hl-img{height: 240px;}
.icon-clock{ background-image: url("../images/clock.png"); }
.icon-read{ background-image: url("../images/read.png");}
.newscase-l img{max-width: 100%; margin: 20px 0}
.teacher{margin-top: 30px; margin-bottom: 10px; background: #f6f6f6}
.teacher a{display: block;  position: relative}
.teachertop{ width: 240px; float: left}
.teachertop img{position: absolute; bottom: 0;left: 13%;
    display: block;
    height: 194px;}
.teachertop img.wzj{left: 24%;
    height: 194px;
    width: auto;}
.teachertop a{ width: 238px; height: 221px; text-align: center }
.teachernr{width: 940px; float: left; padding: 10px;}
.teachertop ul li.sel a {border: 1px solid #acacac}
.teachertop ul li:nth-child(odd){background: #e7e0e1}
.teachertop ul li:nth-child(even){background: #d3c8ca}
.teachertop ul li:last-child img{ width: 90px;left:33%}
.teachertop ul li:nth-child(3) img{     left: 22%;
    height: auto;
    width: 136px;}
.techbig{background: #d3c8ca; position: relative; height: 340px; padding-top: 20px; text-align: center}
.techbig img{}
.techbig img.wzj{left:37%}
h2.daoshi{margin: 20px 0 10px; font-size: 26px; line-height: 30px;}
h3.daoshi{ margin-bottom: 15px; font-size: 16px; color: #666}
 p.daoshi{line-height: 2; color: #666}
.teachernr .inform{padding: 10px;}

.bgf7{background: #f7f7f7}
.pt40{padding-top: 40px;}
.mb20{margin-bottom: 20px;}
.p40{ padding: 40px 0}
.videobk{padding: 40px 0 20px; margin-bottom: 40px;}

.video{ margin: 30px 0}
.video-nr{width: 630px; background: #e3e3e3 }
.video-bf{ position: relative;}
.video-bf a{display: block}
.video-play{  position: absolute; left: 45%;top:45%; z-index: 1000}
.video .mask{ background: rgba(0,0,0,.3); width: 630px; height: 350px; position: absolute;}
.video .video-img{ width: 630px; height: 350px;}
.video .video-img img{width: 630px; height: 350px;}
.video-nr .nr{padding: 20px;}
.video-nr .nr .bt{font-size: 16px; margin-bottom: 5px;}
.video-nr .nr p{ color: #666}
.video-lb{width: 520px; position: relative }
.video .des {
     padding: 0 70px;
    text-align: center;
    height: auto;
}
.video .des a{float: left; position: relative;margin: 7px 10px;}
.photo-img {
    width: 170px;
    height: 110px; display: block;
}
.video .zhineng {
    padding:3px; position: absolute;bottom: 0;left:0; right: 0; background: rgba(0,0,0,.5); color: #fff; font-size: 12px;
}
.video .firewidth {
    position: absolute;
    top: 50%;
    cursor: pointer;
}
.video .textleft {
    left: 0;
}
.video .textright {
    right: 0;
}
.hl-newsbk{margin-bottom: 30px;}
.hl-news{width: 590px;}
.hl-news h3{border-bottom: 4px solid #d42222;padding-bottom: 10px; width: 150px;}
.hl-newslb{margin-top: 30px;}
.hl-newslb ul{ border-left: 1px solid #ddd; padding-left: 20px;  }
.hl-newslb ul li{margin-bottom: 15px;position: relative;}
.hl-newslb ul li span{border-radius: 100%; background: #f00; display: block; width: 10px; height: 10px; position:absolute;left:-25px;top:10px;}
.hl-newslb .photo-img{float: left; width: 120px; height: 80px; margin-right: 10px;}
.hl-newslb h4{font-weight: bold; font-size: 15px; margin-bottom: 5px;}
.hl-newslb p{ color: #888; }

.yewubk{padding: 40px 0 30px; }

/*鍦ㄧ嚎鍜ㄨ*/
.customer{background: url("../images/bg_zx.jpg") no-repeat center; height: 391px;}
.customer .warp-title .line {
    background:url("../images/line1.png") no-repeat;
}
.customer .warp-title h3{color: #fff}
.customer .prompt{text-align: center; color: #fff; padding: 10px 0}
.customer .layui-form-label{ color: #efefef;}
.customer .customer-form{margin:25px 0 0; z-index: 1000}
.customer .customer-form ul li{width: 36%; float: left; margin: 5px 5% 0 ;}


/*鍚堜綔*/
.partner_list{margin: 30px 0 0}
.kefu{ width: 100%}
.kefu ul li{border: 1px solid #e6e6e6; float: left}
.kefu td{border: 1px solid #e6e6e6;  text-align: center; padding: 10px; }
.kefu img{width: 90px; height: 60px; transition: all .5s linear 10ms; }
.kefu img:hover  {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
    transform: rotateY(360deg);
}

/*鎵惧埌鎴戜滑*/
.findus{ background: #fff; position: relative; width: 1200px; margin: 55px auto 20px;}
.findus .site{ position: absolute;left:47.5%;top:-30px; background-image:url("../images/address.png"); width: 64px; height: 64px; background-size:64px;}
.findus .company{padding: 50px 0 20px; text-align: center; color: #999}
.findus .company .bt{font-size: 18px; margin-bottom: 10px;color: #333}
.findus .map{width:100%;height:420px;}

/*foot*/
.footer .footbg{background: url("../images/bg_foot.jpg") no-repeat center; height: 338px; }
.footer .footbg .contact{width: 380px; float: left; margin:0 50px 0 10px;padding-top: 70px;}
.footer .footbg .code{width: 410px; float: left; margin: 0 30px;padding-top: 70px;}
.footer .footbg .code ul li{width: 200px; float: left; text-align: center; color: #bbb}
.footer .footbg .code img{width: 165px; height: 165px; margin-bottom: 5px;}
.footer .footbg .share{float: right;color: #bbb; margin: 150px 10px 0 0;}
.share .fx{ margin-bottom: 20px;}
.share .fxtb ul li{ width: 50px; float: left; margin-right: 15px;}
.share .fxtb img{width: 50px; height: 50px;}
.footer .footbg .advisory{ margin-bottom: 25px;}
.footer .footbg .advisory .kficon{ float:left; margin: 5px 0 0 0}
.footer .footbg .add{color: #bbb; line-height: 1.8}
.icon-more{ background-image: url("../images/more.png");}
.footer .copyright{ color: #777; background: #282828; text-align: center; padding: 15px 0}
.kefu-icon{ background-image: url("../images/kf.png");width: 42px; height: 44px; background-size:42px;}
.footer .kftel{margin: 0 0 0 60px;}
.footer .kftel1{ color: #999; margin-bottom: 10px;}
.footer .kftel2{ color: #fff; font-size: 24px;}

/*瑙ｅ喅鏂规*/
.cur-site{ border-bottom: 1px solid #ddd;background: url("../images/kuai.png") no-repeat left; padding-left: 20px; height: 28px; line-height: 28px; margin: 20px 0 25px;}
.system{ padding: 50px 0; text-align: center}
.solute-tables{margin: 40px 0}
.solute-table{width: 590px;border: 1px solid #ddd; float: left; margin-bottom: 20px;border-collapse: collapse;}
.solute-table:nth-child(2),.solute-table:nth-child(4){float: right}
.solute-table th{ background: #ed7d31; font-size: 20px; font-weight: normal; color: #fff; text-align: center; padding:15px 0;}
.solute-table td{border: 1px solid #ddd;  padding: 10px;}
.solute-table1 .bgcolor1{ background: #ed7d31}
.solute-table1 .bgcolor2{ background: #ffeadb}
.solute-table2 .bgcolor1{ background: #f0b349}
.solute-table2 .bgcolor2{ background: #fff3de}
.solute-table3 .bgcolor1{ background: #48c9af}
.solute-table3 .bgcolor2{ background: #e3faf5}
.solute-table4 .bgcolor1{ background: #479be6}
.solute-table4 .bgcolor2{ background: #ddefff}
.solute-table1 td{padding: 13px 10px;}
.solute-table1 .bgcolor2{padding:15.2px 10px }
.solute-table4 td{padding: 26.5px 10px;}
.solute-table4 .bgcolor2{padding:16px 10px }
.solute-table .xbt td{padding: 10px;}

.evaluate .hl-newslb ul li{ width: 550px;}
.evaluate .hl-newslb h4{ font-weight: normal;max-height: 40px; overflow: hidden}
.evaluate .hl-newslb p{ font-size: 13px }
.evaluate .hl-newslb ul li span{top:6px;}
.footer.dif-foot .footbg .share{margin: 10px 0 0 0; width: 370px;}
.footer.dif-foot .footbg .code{margin: 0}
.footer.dif-foot .footbg .contact{ margin-right: 0}
.share .fx{ font-size: 16px; margin-bottom: 10px; margin-top: 15px; }
.footer.dif-foot .footbg .share .aboutjj{line-height: 1.8; text-align: justify; font-size: 13px;}
.footer .diline{background: url("../images/dixian.jpg") no-repeat center; position: absolute;top:338px; left: 100px; width: 1000px; height: 2px;  color: #fff }
.footer .dibt{position: absolute; color: #fff; top:327px; left: 564px; z-index: 100}

/*鍏充簬鎴戜滑*/
.pages {
    margin: 0 auto;
    text-align: center;
}
.pages a {
    border: 1px solid #cccccc;
    color: #666666;
    font-size: 14px;
}
.pages span {
    font-family: "寰蒋闆呴粦";
    font-size: 14px;
    line-height: 25px;
    margin: 0 2px;
}
.pages a:hover {
    border: 1px solid #fff;
}
.nolink {
    border: 1px solid #ccc;
    color: #666;
    height: 25px;
    line-height: 25px;
    padding: 3px 9px;
}
.current_page {
    background:#d40;
    border: medium none;
    color: #fff;
    height: 25px;
    line-height: 25px;
    padding: 3px 9px;
}
.pages {
    clear: both;
    font-size: 14px;
    padding: 10px;
    text-align: center;
}
.pages a {
    color: #111;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    margin: 0 2px;
    padding: 0 9px;
}
.pages a.current, .pages a:hover {
    background:#d40;;
    color: #fff;
}

.customer.about .customer-form ul li{width: 45%; margin-right: 0}
.customer.about .about-left{width: 700px; z-index: 1000}
.customer.about .about-right{width: 300px; margin: 30px 0 0 75px; }
.customer.about .layui-textarea{min-height: 95px;}
.share.small .fxtb ul li{ width: 40px;}
.share.small .fxtb img {
    height: 40px;
    width: 40px;
}
.share.small .fx{margin-top: 10px;margin-left: 18px;margin-right: 15px;}
.footer.dif-foot .footbg .add-fx .share{margin-top: 15px; }

.about-lb{width: 600px; float: left}
.about-nr{width: 550px; float: right; margin: 70px 0 0}
.about-nr .logo{text-align: center; margin-bottom: 20px;}
.about-nr .logo img{width: 270px;}
.about-nr .warp-title h3{font-size: 22px;}
.about-nr .warp-title h3 span{padding-bottom: 5px; width: 80px; }
.about-nr .hlnr{padding: 20px 10px;}
.about-nr .hlnr p{margin-bottom: 10px; line-height: 1.8}
/*yx_rotaion*/
.yx-rotaion {
    margin: 10% auto 0;
}
.yx-rotaion img{width: 600px; height: 460px;}
.yx-rotaion-btn, .yx-rotaion-title, .yx-rotation-focus, .yx-rotation-t, .yx-rotaion-btn {
    position: absolute
}

.yx-rotation-title {
    position: absolute;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #000;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    left: 0;
    bottom: 0;
    z-index: 1
}

.yx-rotation-t {
    color: #fff;
    font-size: 16px;
    font-family: microsoft yahei;
    z-index: 2;
    bottom: 0;
    left: 10px;
    line-height: 40px
}

.yx-rotation-focus span, .yx-rotaion-btn span {
    background: url(../images/ico.png) no-repeat;
    display: block;
}

.yx-rotation-focus {
    height: 40px;
    line-height: 40px;
    right: 20px;
    bottom: 0;
    z-index: 2
}

.yx-rotation-focus span {
    width: 12px;
    height: 12px;
    line-height: 12px;
    float: left;
    margin-left: 5px;
    position: relative;
    top: 14px;
    cursor: pointer;
    background-position: -24px -126px;
    text-indent: -9999px
}

.yx-rotaion-btn {
    width: 100%;
    height: 41px;
    top: 50%;
    margin-top: -20px;
}

.yx-rotaion-btn span {
    width: 41px;
    height: 41px;
    cursor: pointer;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    position: relative
}

.yx-rotaion-btn .left_btn {
    background-position: -2px -2px;
    float: left;
    left: 10px
}

.yx-rotaion-btn .right_btn {
    background-position: -2px -49px;
    float: right;
    right: 10px
}

.yx-rotaion-btn span.hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8
}

.yx-rotation-focus span.hover {
    background-position: -10px -126px
}

.rotaion_list {
    width: 0;
    height: 0;
    overflow: hidden;
}

/*浼佷笟鏂囧寲*/
.culture{background: url("../images/about_09.jpg") no-repeat center; height: 310px; text-align: center; color: #fff; padding-top: 27px; margin: 30px 0 0}
.culture h3{font-size: 22px; margin-bottom: 5px;}
.culture h3 span{padding-bottom: 15px; width: 80px; border-bottom: 2px solid #fff; display: block; margin: 0 auto}
.culture p{padding: 10px 0;margin-bottom: 20px; font-size: 16px;}

.gy .video-nr{margin: 0 auto}
.gy .video{margin: 0; padding: 30px 0 0}
.gy .des {
    width:33.3%;
    /*鍑犲睆杩欓噷鎺у埗*/
    text-align: center;
    height: auto; padding: 0;
}
.gy .topopen {
    width:700px;
    margin: 30px auto 0;
}
.gy .video .firewidth{position: inherit; width: 50px; float: left; margin-top: 30px;}
.gy .video .solution{width: 595px; overflow: hidden;float: left}
.gy .video .textleft{margin-right: 5px;}

/*澶т簨璁�*/
.memorabilia{background: url("../images/dline.png") repeat-y center; margin: 40px 0 0; font-family: Arial;position:relative }
.year{background: #c9cacc; border-radius: 100%; width: 80px; height: 80px; font-size: 24px; text-align: center; line-height: 80px; margin: 0 auto 10px;color:#fff}
.month{ border-radius: 100%;width: 40px; height: 40px; font-size: 16px;text-align: center;line-height:40px;margin: 0 auto 10px;color:#fff}
.month.color1{background: #21e3cf}
.month.color2{background: #17c679}
.month.color3{background: #89d662}
.month.color4{background: #3a90ab}
.month.color5{background: #c3a941}
.month.color6{background: #f7688c}
.month.color7{background: #7997c4}
.month.color8{background: #e356ae}
.month.color9{background: #56a9e3}
.month.color10{background: #2ccd6d}
.month.color11{background: #9f72d8}
.month.color12{background: #5fb3f4}
.month.color13{background: #4ad461}
.month.color14{background: #4a9cd4}
.month.color15{background: #e376c3}
.month.color16{background: #ffa955}
.month.color17{background: #75dc55; width: 20px; height: 20px;}

.memor-right{position: absolute;left:650px;}
.memor-right1{top:100px; }
.memor-right2{ top:380px;}
.memor-right3{ top:480px;}
.memor-right4{ top:660px; width: 360px;}
.memor-right5{ top:860px;}
.memor-right6{ top:1050px;}
.memor-right7{ top:1240px;}
.memor-right8{ top:1330px;width: 360px;}
.memor-right9{ top:1519px;}

.memor-left1{position: absolute; top:242px; left:360px;}
.memor-left2{position: absolute; top:430px; left:360px;}
.memor-left3{position: absolute; top:620px; left:285px;}
.memor-left4{position: absolute; top:810px; left:285px;}
.memor-left5{position: absolute; top:910px; left:372px;}
.memor-left6{position: absolute; top:1099px; left:212px;}
.memor-left7{position: absolute; top:1290px; left:240px;}
.memor-left8{position: absolute; top:1475px; left:160px; width: 400px;}



.contact{padding-bottom: 20px;}
.contact .findus{ margin-top: 30px; margin-bottom: 50px;}
.contact-way{margin: 30px 0 0 0}
.contact-way ul{width: 1250px;}
.contact-way ul li{background: #f5f5f5; width: 346px; float: left; margin-right: 21px; height: 150px; padding: 10px 20px;}
.con-icon{ background-size: 45px; width: 45px; height: 45px; display: block; margin: 10px auto 20px;}
.con1-icon{ background-image: url("../images/url.png");}
.con2-icon{ background-image: url("../images/site.png");}
.con3-icon{ background-image: url("../images/phone.png");}
.contact-way ul li:nth-child(1),.contact-way ul li:nth-child(3){text-align: center}

.contact .cur-site{ border-bottom: none; font-size: 18px; margin-bottom: 20px;}
.job ul{width: 1250px;}
.job ul li{background: #f5f5f5; width: 580px; height: 510px; float: left;margin-right: 40px; margin-bottom: 20px; position: relative }
.job .t{position:absolute;left:-23px;top:0;background-image: url("../images/position.png"); background-repeat: no-repeat; width: 197px; padding-top: 32px; height: 65px;text-align: center; color: #fff; font-size: 18px;}
.job p{ padding: 80px 20px 20px; line-height: 1.8}

/*鏂伴椈*/
.zixuntops{ overflow:hidden;width: 643px; margin: 0 auto }

.zixuntops a{ display:block;height:30px; line-height:30px;}
.zixuntops .nosel a{ background:#e1e1e1;}
.zixuntops .sel a{ background:#f13a3a; color: #fff}


.zixuntops li{
    float: left;
    font-size: 14px;
}
.zixuntops li a{
    line-height: 43px;
    display: block;
    color: #323232;
    text-align: center;background: #e1e1e1;
    width: 160px;
    height: 43px; font-size:16px; border-right: 1px solid #ccc;
}
.zixuntops li:nth-child(1) a{border-radius: 5px 0 0 5px;}
.zixuntops li:nth-child(4) a{border-radius: 0 5px 5px 0; border-right: none;}
.zixuntops li a:hover,.zixuntop li.active a{
    background: #f13a3a;
    color: white;
}

.divbgsh{
    padding: 20px 0;
    overflow: hidden;
}

.divbgsh.active{
    display: block;
}
.divbgsh ul li{ border-bottom: 1px dotted #ccc; padding: 15px 0}
.divbgsh ul{margin-bottom: 20px;}
.divbgsh .photo{width:330px; float: left; }
.photo-img1{width: 330px; height: 210px;}
.divbgsh .wz{ float: right; width: 835px;}
.divbgsh h2{font-size: 18px; margin-bottom: 10px; padding-top: 10px; font-weight: bold}
.divbgsh p{color: #666;height: 130px; line-height: 1.8;overflow: hidden; margin-bottom: 20px;}
.divbgsh .date{color: #999}
.eye-icon{ background-image: url("../images/eye.png"); margin: 0 5px 0 10px;}

/*鏂伴椈妗堜緥*/
.newscase-l{ width: 900px; float: left}
.newscase-l .t{border-bottom: 1px solid #ddd; padding: 0 0 10px 0; text-align: center; margin-bottom: 20px;}
.newscase-l .t h2{font-size: 22px;margin-bottom: 15px;}
.newscase-l .t .date{color: #999}
.newscase-l p{padding:0 20px; line-height: 1.8; font-size: 16px;}
.newscase-r{ width: 270px; float: right}
.newscase-r .hl-cases{margin-top: 20px;}
.newscase-r .hl-cases ul li{width: 100%; margin:0 0 10px 0;}
.newscase-r .hl-cases h3{font-size: 15px; margin-bottom: 5px; height: inherit}
.newscase-r .t{ border-bottom: 1px solid #ddd;}
.newscase-r .t span{display: inline-block; border-bottom: 3px solid #d42222; font-size: 16px; padding: 0 5px 10px;}

/*瀵煎笀*/
.teacherbk{ margin: 30px 0 0 0}
.techbigs{border: 1px solid #ddd; width: 1180px; margin: 20px 0}
.techbig-ph{width: 500px;  float: left; }
.techbig-jj{width: 540px; float: left; padding:10px 20px;}
.techimg{width:500px;height: 500px; }
.teachlb{margin-top: 30px;}
.teachlb ul li{border: 1px solid #ddd; margin-bottom: 20px;}
.teachlb .techbigds{ width: 260px; float: left}
.teachlb .techbigds img{ width: 260px; height: 260px;}
.teachlb .inform{ margin: 0 0 0 280px; padding: 10px;}

/*瀵煎笀璇︽儏*/
.preview {
    width: 505px;
    height: 600px; float: left;
}

/* smallImg */
.smallImg {
    position: relative;
    height: 72px;
    margin-top: 1px;
    background-color: #F1F0F0;
    padding: 6px 5px;
    width: 490px;
    overflow: hidden;
    float: left;
}

.scrollbutton {
    width: 25px;
    height: 68px;
    overflow: hidden;
    position: relative;
    float: left;
    cursor: pointer;
}

.scrollbutton.smallImgUp, .scrollbutton.smallImgUp.disabled {
    background: url(../images/d_08.png) no-repeat; background-size: 20px;margin-top: 5px;
}

.scrollbutton.smallImgDown, .scrollbutton.smallImgDown.disabled {
    background: url(../images/d_09.png) no-repeat;background-size: 20px;
    margin-left: 469px;
    margin-top: -69px;
}

#imageMenu {
    height: 68px;
    width: 436px;
    overflow: hidden;
    margin-left: 0;
    float: left; padding-left: 5px;
}

#imageMenu li {
    height: 68px;
    width: 68px;
    overflow: hidden;
    float: left;
    text-align: center; margin:0 9px;
}

#imageMenu li img {
    height: 68px;
    width: 68px;
    cursor: pointer;
}

#imageMenu li#onlickImg img, #imageMenu li:hover img {
    height: 68px;
    width: 68px;
}

/* bigImg */
.bigImg {
    position: relative;
    float: left;
    width: 500px;
    height: 500px;
    overflow: hidden;
}

.bigImg #midimg {
    width: 500px;
    height: 500px;
}

.bigImg #winSelector {
    width: 235px;
    height: 210px;
}

#winSelector {
    position: absolute;
    cursor: crosshair;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    opacity: 0.15;
    background-color: #000;
    border: 1px solid #fff;
}

/* bigView */
#bigView {
    position: absolute;
    border: 1px solid #959595;
    overflow: hidden;
    z-index: 999;
}

#bigView img {
    position: absolute;
}

.daoshijj{background: #f7f7f7; padding:50px 30px 10px; height: 440px; float: left; width: 635px; text-align: center}
.daoshijj h2.daoshi{font-size: 40px; line-height: 50px;}
.daoshijj h3.daoshi{font-size: 24px;line-height: 30px;}

.kf-icon{ background-image: url("../images/service.png"); background-size: 30px; width: 30px; height: 30px; margin-right: 10px; line-height: 1.8}
.daoshijj .share { width: 235px; margin: 20px auto}
.daoshijj .more-btnbig{width: 200px; height: 35px; line-height: 35px;}
.jiangshi .t{border-bottom: 1px solid #ddd; font-size: 18px;}
.jiangshi .t span{display: inline-block; border-bottom: 3px solid #d42222; font-size: 16px; padding: 0 5px 10px;}
.jiangshi .jj{padding: 20px 20px 50px; line-height: 1.8}
.daoshitd{margin-top: 30px;}
.daoshitd ul li{width: 18%; float: left; margin: 0 1%; text-align: center; height: 330px;}
.daoshitd img{border-radius: 100%; width: 160px;}
.daoshitd  h2.daoshi{font-size: 20px;}
.daoshitd h3.daoshi{margin-bottom: 0}
.daoshitd .more-btnbig{width: 100px; height: 30px;line-height: 30px; font-size: 14px;}

.smtop{border-bottom: 1px solid #ddd}
.smdq{padding: 60px 0;}
.saoma{text-align: center}
.saoma img{width: 180px; height: 180px;}
.saomatip{ text-align: center; width: 800px; margin: 0 auto 40px ; font-size: 16px; line-height: 2}
.tanhao{ text-align: center; margin-bottom: 20px;}
.tanhao img{width: 80px;}</pre></body></html>